<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>列表页</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/list.css"/>
		<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.easing.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/list.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
			<!--顶部黑色区域-->
	<div id="header">
		<div class="top_logon">
			<div class="logo">
				<a href="" class="lg_app">拉勾APP</a>
				<a href="" class="lg_os">进入企业版</a>
			</div>
			<ul class="top_r">
				<li>
					<a href="">登录</a>
				</li>
				<li>
					<a href="" class="zc">注册</a>
				</li>
			</ul>
		</div>
	</div>
	<!--顶部黑色区域结束-->

	<!--顶部白色导航区域-->
	<div id="top_grey">
		<div id="guide">
			<div class="guide_left">
				<a href=""></a>
			</div>
			<ul class="guide_r">
				<li>
					<a href="">首页</a>
				</li>
				<li>
					<a href="">公司</a>
				</li>
			</ul>
		</div>
	</div>
	<!--顶部白色导航区域结束-->

	<!--中间主体部分-->
	<div id="main_container">
		<!--搜索框区域-->
		<div class="search_wrapper">
			<div class="search_bar">
				<div class="input_wrapper">
					<div class="keyword_wrapper">
						<input type="text" id="keyword" placeholder="搜索职位、公司或地点" value="" />
					</div>
					<input type="button" id="submit" value="搜索" />
				</div>
				<div class="tap_wrapper">
					<a href="javascript:void(0);" id="tab_pos" class="active">职位 ( 500+ )</a>
				</div>
			</div>
		</div>
		<!--搜索区域结束-->

		<!--筛选主体部分-->
		<div id="center_container">
			<!--左侧-->
			<div class="content_left">
				<div class="positionHead">
					<ul class="filter_wrapper">
						<div class="details">
							<!--工作地点区域-->
							<div class="has_more">
								<div class="choose_detail">
									<li class="addr_top">
										<div class="current_choose">
											<span class="title">工作地点：</span>
											<a href="" class="current_c">上海</a>
											<i class="right_arrow"></i>
											<a href="#" class="current_c active">不限</a>
										</div>
										<div class="hot_city">
											<div class="city_wrapper">
												<a>全国</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
												<a>北京</a>
											</div>
											<a href="javacript:void(0);" class="btn_more">更多 <i></i></a>
										</div>
									</li>
									<li class="addr_down">
										<span>行政区：</span>
										<a class="active">不限</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
										<a>浦东新区</a>
									</li>
								</div>
								<!--工作地点隐藏区域-->
								<div class="more_hidden">
									<li class="hidden_city">
										<span>工作地点：</span>
										<a >全国</a>
										<a >北京</a>
										<a  class="active">上海</a>
										<a >北京</a>
										<a >北京</a>
										<a >北京</a>
										<a >北京</a>
										<a >北京</a>
										<a >北京</a>
										<a >北京</a>
										<a >北京</a>
										<a >北京</a>
										<a >北京</a>
										<a >北京</a>
									</li>
									<li class="hidden_other">
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a >郑州</a>
										<a  id="all_city">全部城市 > </a>

									</li>
								</div>
							</div>
							<!--工作地点区域结束-->
							<!--工作经验区域-->
							<li class="same_exp">
								<span>工作经验：</span>
								<a href="javascript:void(0);" class="active">不限</a>
								<a href="javascript:void(0);">应届毕业生</a>
								<a href="javascript:void(0);">不要求</a>
							</li>
							<!--工作经验区域结束-->
							<!--学历要求区域-->
							<li class="same_exp">
								<span>学历要求：</span>
								<a href="javascript:void(0);" class="active">不限</a>
								<a href="javascript:void(0);">大专</a>
								<a href="javascript:void(0);">本科</a>
							</li>
							<!--学历要求区域结束-->
							<!--融资阶段区域-->
							<li class="same_exp">
								<span>融资阶段：</span>
								<a href="javascript:void(0);" class="active">不限</a>
								<a href="javascript:void(0);">未融资</a>
								<a href="javascript:void(0);">天使轮</a>
							</li>
							<!--融资阶段区域结束-->
							<div class="work_area">
								<!--行业领域区域-->
								<li class="same_exp">
									<span>行业领域：</span>
									<a href="javascript:void(0);" class="active">不限</a>
									<a href="javascript:void(0);">移动互联网</a>
									<a href="javascript:void(0);">电子商务</a>
									<a href="javascript:void(0);">电子商务</a>
									<a href="javascript:void(0);">电子商务</a>
									<a href="javascript:void(0);">电子商务</a>
									<a href="javascript:void(0);">电子商务</a>
									<a href="javacript:void(0);" class="btn_more_work">更多 <i></i></a>
								</li>
								<!--行业领域隐藏区域-->
								<div class="more_hidden_hy">
									<li class="same_exp">
										<span>行业领域：</span>
										<a href="javascript:void(0);" class="active">不限</a>
										<a href="javascript:void(0);">移动互联网</a>
										<a href="javascript:void(0);">电子商务</a>
										<a href="javascript:void(0);">电子商务</a>
										<a href="javascript:void(0);">电子商务</a>
										<a href="javascript:void(0);">电子商务</a>
										<a href="javascript:void(0);">电子商务</a>
									</li>
									<li class="other_hy">
										<a href="javascript:void(0);">数据服务</a>
										<a href="javascript:void(0);">数据服务</a>
										<a href="javascript:void(0);">数据服务</a>
										<a href="javascript:void(0);">数据服务</a>
										<a href="javascript:void(0);">数据服务</a>
										<a href="javascript:void(0);">数据服务</a>
									</li>
								</div>
								<!--行业领域区域结束-->
							</div>							
						</div>
						<li class="li_taller">
							<span>工作地点：</span>
							<a href="javascript:void(0);" class="active">上海</a>
							<span>工作经验：</span>
							<a href="javascript:void(0);" class="active">不限</a>
							<span>学历要求：</span>
							<a href="javascript:void(0);" class="active">不限</a>
							<span>融资阶段：</span>
							<a href="javascript:void(0);" class="active">不限</a>
							<span>行业阶段：</span>
							<a href="javascript:void(0);" class="active">不限</a>
						</li>
					</ul>
					<!--折叠筛选按钮-->
					<div class="btn_collapse_wrapper">
						<a href="javascript:void(0);" class="btn_collapse" title="点击收起筛选项"></a>
					</div>
					<!--排序方式-->
					<ul class="orderby">
						<li class="wrapper">
							<div class="item order">
								<span class="title">排序方式：</span>
								<a href="javascript:void(0);" class="active">默认</a>
								<a href="javascript:void(0);">最新</a>
							</div>
							<div class="item item_money">
								<span class="title">月薪：</span>
								<div class="select_text select1">
									<span>不限</span>
									<i></i>
									<ul>
										<li><a href="#"> 不限</a></li>
										<li><a href="#"> 10k</a></li>
										<li><a href="#"> 10k</a></li>
										<li><a href="#"> 10k</a></li>
										<li><a href="#"> 10k</a></li>
									</ul>
								</div>
							</div>
							<div class="item item_money">
								<span class="title">工作性质：</span>
								<div class="select_text select2">
									<span>不限</span>
									<i></i>
									<ul>
										<li><a href="#"> 不限</a></li>
										<li><a href="#"> 全职</a></li>
										<li><a href="#"> 10k</a></li>
										<li><a href="#"> 10k</a></li>
										<li><a href="#"> 10k</a></li>
									</ul>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<!--职位列表-->
				<div id="positionList">
					<ul class="con_list">
						<li class="con_list_li">
							<div class="CL_top">
								<div class="list_msg">
									<div class="list_msg_top">
										<a href="#">
											<h2>PHP</h2>
											<span class="list_add">
												[<em>深圳·锦绣江…</em>]
											</span>
										</a>
										<span class="format_time">3天前发布</span>
									</div>
									<div class="list_msg_bot">
										<span class="money">4k-7k</span>
										<div class="LMB_other">
											经验1-3年 / 大专
										</div>
									</div>
								</div>
								<div class="list_company">
									<div class="company_name">
										<a href="javascript:void(0);">深米科技</a>
										<span class="company_mark">
											<span style="display: none;">该企业已上传营业执照并经过资质验证审核</span>
										</span>
									</div>
									<div class="company_industry">
										 移动互联网 / 成长型(A轮)
									</div>
								</div>
								<div class="com_logo">
									<a href="#" target="_blank">
										<img src="image/list/shenmi.jpg"/>
									</a>
								</div>
							</div>
							<div class="CL_down">
								<div class="CLD_msg">“五险一金 带薪年假 弹性工时 扁平管理”</div>
								<div class="CLD_r">
									<span>技能培训</span>
									<span>技能培训</span>
									<span>技能培训</span>
								</div>
							</div>
						</li>
						
						<li class="con_list_li">
							<div class="CL_top">
								<div class="list_msg">
									<div class="list_msg_top">
										<a href="#">
											<h2>PHP</h2>
											<span class="list_add">
												[<em>深圳·锦绣江…</em>]
											</span>
										</a>
										<span class="format_time">3天前发布</span>
									</div>
									<div class="list_msg_bot">
										<span class="money">4k-7k</span>
										<div class="LMB_other">
											经验1-3年 / 大专
										</div>
									</div>
								</div>
								<div class="list_company">
									<div class="company_name">
										<a href="javascript:void(0);">深米科技</a>
										<span class="company_mark">
											<span style="display: none;">该企业已上传营业执照并经过资质验证审核</span>
										</span>
									</div>
									<div class="company_industry">
										 移动互联网 / 成长型(A轮)
									</div>
								</div>
								<div class="com_logo">
									<a href="#" target="_blank">
										<img src="image/list/shenmi.jpg"/>
									</a>
								</div>
							</div>
							<div class="CL_down">
								<div class="CLD_msg">“五险一金 带薪年假 弹性工时 扁平管理”</div>
								<div class="CLD_r">
									<span>技能培训</span>
									<span>技能培训</span>
									<span>技能培训</span>
								</div>
							</div>
						</li>
						
						<li class="con_list_li">
							<div class="CL_top">
								<div class="list_msg">
									<div class="list_msg_top">
										<a href="#">
											<h2>PHP</h2>
											<span class="list_add">
												[<em>深圳·锦绣江…</em>]
											</span>
										</a>
										<span class="format_time">3天前发布</span>
									</div>
									<div class="list_msg_bot">
										<span class="money">4k-7k</span>
										<div class="LMB_other">
											经验1-3年 / 大专
										</div>
									</div>
								</div>
								<div class="list_company">
									<div class="company_name">
										<a href="javascript:void(0);">深米科技</a>
										<span class="company_mark">
											<span style="display: none;">该企业已上传营业执照并经过资质验证审核</span>
										</span>
									</div>
									<div class="company_industry">
										 移动互联网 / 成长型(A轮)
									</div>
								</div>
								<div class="com_logo">
									<a href="#" target="_blank">
										<img src="image/list/shenmi.jpg"/>
									</a>
								</div>
							</div>
							<div class="CL_down">
								<div class="CLD_msg">“五险一金 带薪年假 弹性工时 扁平管理”</div>
								<div class="CLD_r">
									<span>技能培训</span>
									<span>技能培训</span>
									<span>技能培训</span>
								</div>
							</div>
						</li>
						
						<li class="con_list_li">
							<div class="CL_top">
								<div class="list_msg">
									<div class="list_msg_top">
										<a href="#">
											<h2>PHP</h2>
											<span class="list_add">
												[<em>深圳·锦绣江…</em>]
											</span>
										</a>
										<span class="format_time">3天前发布</span>
									</div>
									<div class="list_msg_bot">
										<span class="money">4k-7k</span>
										<div class="LMB_other">
											经验1-3年 / 大专
										</div>
									</div>
								</div>
								<div class="list_company">
									<div class="company_name">
										<a href="javascript:void(0);">深米科技</a>
										<span class="company_mark">
											<span style="display: none;">该企业已上传营业执照并经过资质验证审核</span>
										</span>
									</div>
									<div class="company_industry">
										 移动互联网 / 成长型(A轮)
									</div>
								</div>
								<div class="com_logo">
									<a href="#" target="_blank">
										<img src="image/list/shenmi.jpg"/>
									</a>
								</div>
							</div>
							<div class="CL_down">
								<div class="CLD_msg">“五险一金 带薪年假 弹性工时 扁平管理”</div>
								<div class="CLD_r">
									<span>技能培训</span>
									<span>技能培训</span>
									<span>技能培训</span>
								</div>
							</div>
						</li>
						
						<li class="con_list_li">
							<div class="CL_top">
								<div class="list_msg">
									<div class="list_msg_top">
										<a href="#">
											<h2>PHP</h2>
											<span class="list_add">
												[<em>深圳·锦绣江…</em>]
											</span>
										</a>
										<span class="format_time">3天前发布</span>
									</div>
									<div class="list_msg_bot">
										<span class="money">4k-7k</span>
										<div class="LMB_other">
											经验1-3年 / 大专
										</div>
									</div>
								</div>
								<div class="list_company">
									<div class="company_name">
										<a href="javascript:void(0);">深米科技</a>
										<span class="company_mark">
											<span style="display: none;">该企业已上传营业执照并经过资质验证审核</span>
										</span>
									</div>
									<div class="company_industry">
										 移动互联网 / 成长型(A轮)
									</div>
								</div>
								<div class="com_logo">
									<a href="#" target="_blank">
										<img src="image/list/shenmi.jpg"/>
									</a>
								</div>
							</div>
							<div class="CL_down">
								<div class="CLD_msg">“五险一金 带薪年假 弹性工时 扁平管理”</div>
								<div class="CLD_r">
									<span>技能培训</span>
									<span>技能培训</span>
									<span>技能培训</span>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<!--右侧-->
			<div class="content_right">
				<!--最近浏览-->
				<div class="history">
					<h2 class="title">最近浏览</h2>
					<ul class="history_list">
						<li class="HL_li">
							<div class="HLL_link">
								<a href="#" target="_blank" class="name" title="Android">Android</a>
								<div class="salary">18k-35k</div>
								<div class="c_name" title="Cisco">Cisco</div>
							</div>
						</li>
						
						<li class="HL_li">
							<div class="HLL_link">
								<a href="#" target="_blank" class="name" title="Android">Android</a>
								<div class="salary">18k-35k</div>
								<div class="c_name" title="Cisco">Cisco</div>
							</div>
						</li>
						
						<li class="HL_li">
							<div class="HLL_link">
								<a href="#" target="_blank" class="name" title="Android">Android</a>
								<div class="salary">18k-35k</div>
								<div class="c_name" title="Cisco">Cisco</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--筛选主体部分结束-->



	</div>
	<!--中间主体部分结束-->






	<!--回到顶部-->
	<a href="javascript:void(0);" id="back"></a>
	<!--回到顶部结束-->


	<!--底部区域-->
	<div id="floor">
		<div class="wrap">
			<i></i>
			<div class="fl_r">
				<a href="" class="fl_app">
					拉勾APP
					<span></span>
					<img src="image/fl_app.JPG"/>
				</a>
				<a href="">拉勾微博</a>
				<a href="" class="wechat">
					拉勾微信
					<img src="image/fl_wechat.JPG"/>
				</a>
				<a href="">版本更新</a>
				<a href="">帮助中心</a>
				<a href="">联系我们</a>
				<a href="">在线交流</a>
				<span>服务热线：<em>400-605-9900 (9:00 -18:00)</em></span>
			</div>
			<div class="fl_btm">
				<span>
					<em>©</em>
					2016 Lagou
				</span>
				<a href="">京ICP备14023790号-2</a>
				<span>京公网安备11010802017116号</span>
			</div>
		</div>
	</div>

	<!--底部区域结束-->

	<!--底部登录条-->
	<div id="logintool">
		<div>
			<em></em>
			<img src="image/login3.png"/>
			<span class="companycount">
				<i style="background-position-y: -30px;"></i><i style="background-position-y: -60px;"></i><i style="background-position-y: -60px;"></i><b></b><i style="background-position-y: -60px;"></i><i style="background-position-y: -180px;"></i><i style="background-position-y: -60px;"></i>
			</span>
			<span class="jobscount">
				<i style="background-position-y: -30px;"></i><b></b><i style="background-position-y: -240px;"></i><i style="background-position-y: -90px;"></i><i style="background-position-y: -270px;"></i><b></b><i style="background-position-y: -60px;"></i><i style="background-position-y: 0px;"></i><i style="background-position-y: 0px;"></i>
			</span>
			<a href="javescript:;" class="bar_login">
				<i></i>
			</a>
			<div class="lt_r">
				<a href="">
					<i></i>
				</a>
			</div>
		</div>
	</div>
	<!--底部登录条结束-->

	<!--登录界面部分-->
	<div id="all_cover"></div>
	<div id="colorbox">
		<div id="box_m">
			<div class="box_content">
				<div class="bctitle">登录</div>
				<div class="bcdown">
					<div class="bcdcenter">
						<form id="bcd_login" action="" method="post">
							<div class="username">
								<input type="text" id="email" placeholder="请输入已验证手机/邮箱" />
								<span id="input_tips"></span>
							</div>
							<div class="password">
								<input type="password" id="ipassword" placeholder="请输入密码" />
								<span id="input_tips"></span>
							</div>
							<a href="" id="foget">忘记密码？</a>
							<input type="submit" value="登     录" id="sub_btn"/>
						</form>
						<div class="bcd_right">
							<div>还没有拉勾帐号？</div>
							<a href="" class="registor_now">立即注册</a>
							<div class="login_others">使用以下帐号直接登录:</div>
							<a href="" id="icon_wb"></a>
							<a href="" id="icon_qq"></a>
							<a href="" id="icon_wechat"></a>
						</div>
					</div>
				</div>
				<input type="button" id="close"/>
			</div>
		</div>
	</div>


	<!--登录界面部分结束-->












	</body>
</html>

















